const parts = [
  //  左上
  {
    id: 'leftTop',
    componentSrc: './comps/leftTop.vue',
    style: {
      width: '431px',
      height: '38px',
      top: '0px',
      left: '0px'
    }
  },
  {
    id: 'leftCenterTop',
    componentSrc: './comps/leftCenterTop.vue',
    style: {
      width: '422px',
      height: '610px',
      top: '37px',
      left: '9px'
    }
  },

  {
    id: 'leftBottom',
    componentSrc: './comps/leftBottom.vue',
    style: {
      width: '431px',
      height: '286px',
      top: '670px',
      left: '0px'
    }
  },
  {
    id: 'centerTop',
    componentSrc: './comps/centerTop.vue',
    style: {
      width: '910px',
      height: '580px',
      top: '0px',
      left: '490px'
    }
  },
  {
    id: 'centerBottom',
    componentSrc: './comps/centerBottom/index.vue',
    style: {
      width: '972px',
      height: '338px',
      top: '620px',
      left: '452px'
    }
  },
  {
    id: 'rightTop',
    componentSrc: './comps/rightTop.vue',
    style: {
      width: '431px',
      height: '38px',
      top: '0px',
      right: '0px'
    }
  },
  {
    id: 'rightCenterTop',
    componentSrc: './comps/rightCenterTop.vue',
    style: {
      width: '422px',
      height: '206px',
      top: '50px',
      right: '9px'
    }
  },
  {
    id: 'rightCenterBottom',
    componentSrc: './comps/rightCenterBottom.vue',
    style: {
      width: '422px',
      height: '430px',
      top: '280px',
      right: '9px'
    }
  },
  {
    id: 'rightBottom',
    componentSrc: './comps/rightBottom.vue',
    style: {
      width: '422psx',
      height: '226px',
      top: '734px',
      right: '9px'
    }
  }
]

export default parts
